$color-primary: #55aaff;
$color-primary-dark: #4a99e0;
$color-text: #333;
$color-text-secondary: #666;
$color-text-light: #999;
$color-bg-light: #f9f9f9;
$color-bg-white: #fff;
$color-border: #eee;
$color-error: #ff4d4f;
$color-success: #52c41a;
$gap-base: 30rpx;
$gap-sm: 15rpx;
$radius-base: 8rpx;
$border-width: 1rpx;
$bottom-spacing: 150rpx;
$primary-color: #2c6ecb; // 主色调：深蓝色（专业可靠）
$primary-light: #e8f0fe; // 主色浅色
$secondary-color: #f5a623; // 辅助色：橙色（强调交互）
$text-primary: #333333; // 主要文本色
$text-secondary: #666666; // 次要文本色
$text-tertiary: #999999; //  tertiary文本色
$border-color: #e5e7eb; // 边框色
$bg-primary: #ffffff; // 主要背景
$bg-secondary: #f9fafb; // 次要背景
$hover-color: #f3f4f6; //  hover背景
$radius: 8rpx; // 圆角
$shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05); // 阴影
$transition: all 0.2s ease; // 过渡动画
$spacing-xs: 8rpx;
$spacing-sm: 16rpx;
$spacing-md: 24rpx;
$spacing-lg: 32rpx;
